<div class="form-group username">
  <label>Username</label>
  <input type="text" class="form-control" placeholder="Enter username" data-toggle="tooltip" title="Username for administrator" value="<%- username %>" autofocus>
</div>
<div class="form-group password">
  <label>Password</label>
  <input type="password" class="form-control" placeholder="Enter new password"
    data-toggle="tooltip" title="Administrator password">
</div>
<div class="form-group yubikey-id">
  <label>YubiKey ID</label>
  <input type="text" class="form-control" maxlength="12" placeholder="Insert YubiKey" data-toggle="tooltip" title="Insert and touch YubiKey to get ID. Requires Yubico API credentials in settings." value="<%- yubikey_id %>">
</div>
<div class="super-user-toggle toggle-form form-group">
  <label>Super User</label>
  <div class="selector <%= super_user ? 'selected' : '' %> no-select" data-toggle="tooltip" title="Allow administrator to modify other administrators.">
    <span class="selector-inner glyphicon glyphicon-ok"></span>
  </div>
</div>
<div class="otp-auth-toggle toggle-form form-group">
  <label>Enable Two-Step Authentication</label>
  <div class="selector <%= otp_auth ? 'selected' : '' %> no-select" data-toggle="tooltip" title="Enable two-step authentication with Google Authenticator.">
    <span class="selector-inner glyphicon glyphicon-ok"></span>
  </div>
</div>
<div class="auth-api-toggle toggle-form form-group">
  <label>Enable Token Authentication</label>
  <div class="selector <%= auth_api ? 'selected' : '' %> no-select" data-toggle="tooltip" title="Enable authentication with an api token.">
    <span class="selector-inner glyphicon glyphicon-ok"></span>
  </div>
</div>
<div class="auth-token-form" <%= auth_api ? '' : 'style="display: none"' %>>
  <div class="api-token form-group">
    <label>API Token</label>
    <input type="text" class="form-control" placeholder="" value="<%- token || '' %>" readonly>
  </div>
  <div class="api-secret form-group">
    <label>API Secret</label>
    <input type="text" class="form-control" placeholder="" value="<%- secret || '' %>" readonly>
  </div>
  <button type="button" class="generate-new-api-key btn btn-danger">Generate New API Key</button>
</div>
